<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<aside class="main-sidebar">
    <%-- 菜单栏 --%>
    <section class="sidebar">
        <%-- 用户面板 --%>
        <div class="user-panel">
            <div class="pull-left image">
                <img src="${contextPath}/libs/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle">
            </div>
            <div class="pull-left info">
                <p>Mr Zhang</p>
                <a href="#">
                    <i class="fa fa-circle text-success"></i>在线
                </a>
            </div>
        </div>
        <%-- 搜索表单 --%>
        <form class="sidebar-form">
            <div class="input-group">
                <input type="text" name="q" class="form-control" placeholder="Search Menu">
                <span class="input-group-btn">
                        <button type="submit" name="search" id="search-btn" class="btn btn-flat">
                            <i class="fa fa-search"></i>
                        </button>
                    </span>
            </div>
        </form>
        <%-- 菜单列表 --%>
        <ul class="sidebar-menu">
            <li class="header">菜单列表</li>
            <li class="active treeview">
                <a href="#">
                    <i class="fa fa-dashboard"></i>
                    <span>表单控件</span>
                    <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                        </span>
                </a>
                <ul class="treeview-menu">
                    <li>
                        <a menuId="tab1" href="#" title="普通表单" data-url="${contextPath}/demo/AdminLTE/general.jsp">
                            <i class="fa fa-circle-o"></i>普通表单元素
                        </a>
                    </li>
                    <li>
                        <a menuId="tab2" href="#" title="高级表单元素" data-url="${contextPath}/demo/AdminLTE/advanced.jsp">
                            <i class="fa fa-circle-o"></i>高级表单元素
                        </a>
                    </li>
                    <li>
                        <a menuId="tab3" href="#" title="编辑器" data-url="${contextPath}/demo/AdminLTE/editors.jsp">
                            <i class="fa fa-circle-o"></i>编辑器
                        </a>
                    </li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-files-o"></i>
                    <span>系统模块</span>
                    <span class="pull-right-container">
                            <span class="label label-primary pull-right">4</span>
                        </span>
                </a>
                <ul class="treeview-menu">
                    <li>
                        <a menuId="111" href="#" title="用户管理" data-url="${contextPath}/admin/user/index">
                            <i class="fa fa-circle-o"></i>用户管理
                        </a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-circle-o"></i> 盒子布局</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-circle-o"></i> 固定布局</a>
                    </li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-pie-chart"></i>
                    <span>图表</span>
                    <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                        </span>
                </a>
                <ul class="treeview-menu">
                    <li>
                        <a href="#">
                            <i class="fa fa-circle-o"></i> ChartJS
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-circle-o"></i> Morris
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="fa fa-calendar"></i>
                    <span>日历</span>
                    <span class="pull-right-container">
                            <small class="label pull-right bg-red">3</small>
                            <small class="label pull-right bg-blue">17</small>
                        </span>
                </a>
            </li>
            <%-- 多级菜单 --%>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-share"></i>
                    <span>多级菜单</span>
                    <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                        </span>
                </a>
                <ul class="treeview-menu">
                    <li>
                        <a href="#"><i class="fa fa-circle-o"> 一级菜单</i></a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-circle-o"></i>
                            一级菜单
                            <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                        </a>
                        <ul class="treeview-menu">
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i> 二级菜单</a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-circle-o"> 二级菜单</i>
                                    <span class="pull-right-container">
                                            <i class="fa fa-angle-left pull-right"></i>
                                        </span>
                                </a>
                                <ul class="treeview-menu">
                                    <li>
                                        <a href="#"><i class="fa fa-circle-o"></i> 三级菜单</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fa fa-circle-o"></i> 三级菜单</a>
                                    </li>
                                    <li>
                                        <a>
                                            <i class="fa fa-circle-o"></i> 三级菜单
                                            <span class="pull-right-container">
                                                    <i class="fa fa-angle-left pull-right"></i>
                                                </span>
                                        </a>
                                        <ul class="treeview-menu">
                                            <li>
                                                <a href="#"><i class="fa fa-circle-o"></i> 四级菜单</a>
                                            </li>
                                            <li>
                                                <a href="#"><i class="fa fa-circle-o"></i> 四级菜单</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </section>
</aside>
